<%--
  Created by IntelliJ IDEA.
  User: SXT
  Date: 2020/6/28
  Time: 15:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <base href="<%=request.getContextPath()+"/"%>">
    <%--引入easyui主题的css样式--%>
    <link rel="stylesheet" href="easyui/themes/default/easyui.css">
    <%--引入easyui中图标集的css样式--%>
    <link rel="stylesheet" href="easyui/themes/icon.css">
    <%--引入demo.css--%>
    <link rel="stylesheet" href="easyui/themes/demo.css">
    <%--引入jq中js文件  注意：先引入jq中js在引入easyui中js--%>
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <%--引入easyui中核心js文件--%>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                url: 'company/findMoreCompany',
                pagination: true,//设置分页栏展示
                rownumbers: true,//设置行号显示
                pageSize: 5,//设置size的初始大小
                pageList: [5, 10, 15, 20],// 设置每一页显示条数列表
                toolbar: "#tb",
                columns: [[
                    {field: 'cid', title: '编号', width: 50, align: 'center'},
                    {field: 'cname', title: '公司名称', width: 100, align: 'center'},
                    {field: 'ceo', title: '公司法人', width: 100, align: 'center'},
                    {field: 'cphone', title: '手机号', width: 100, align: 'center'},
                    {field: 'cnum', title: '订单量', width: 100, align: 'center'},
                    {field: 'status', title: '账号状态', width: 100, align: 'center'}

                ]]
            });
            //按条件查询实现
            $("#btn1").click(function () {
                //表单序列化
                var arr = $("#fm1").serializeArray();
                //定义一个空的json对象
                var json = {};
                //把数组中内容取出放入到json对象中
                for (var i in arr) {
                    json[arr[i].name] = arr[i].value;
                }

                $("#dg").datagrid("load", json);
            })
        })
        //添加公司信息的实现
        var url = "";

        function newCompany() {
            //打开公司对话框
            $("#company_dlg").dialog("open").dialog("setTitle", "New Company");
            //清空表单数据
            $("#company_fm").form("clear");
            url = "company/insertCompany";

        }

        //提交表单数据
        function saveCompany() {
            $.post(url, $("#company_fm").serialize(), function (result) {
                if (result > 0) {
                    //关闭当前对话框
                    $("#company_dlg").dialog("close");
                    //重新加载数据网格
                    $("#dg").datagrid("reload");
                } else {
                    $.messager.alert("提示", "操作失败", "error");
                }
            })

        }

        //修改公司信息
        function changeCompany() {
            //是否选中某公司
            var row = $("#dg").datagrid("getSelected");
            if (row) {
                //打开操作对话框
                $("#company_dlg").dialog("open").dialog("setTitle", "Change  Company");
                //进行数据回显
                $("#company_fm").form("load", row);
                url = "company/changeCompany?cid=" + row.cid;
            } else {
                $.messager.alert("提示", "请选中一行数据", "info");
            }

        }

        //公司策划师列表查询
        function chsList() {
            //选中某一行公司
            var row = $("#dg").datagrid("getSelected");

            if (row ) {
                //打开数据网格
                $("#chs_dlg").dialog("open").dialog("setTitle", "CHSList");

                $("#chs_dg").datagrid({
                    url: 'planner/findMore',
                    queryParams: {cid: row.cid},
                    rownumbers: true,//设置行号显示
                    columns: [[
                        {field: 'nid', title: '编号', width: 50, align: 'center'},
                        {field: 'nname', title: '策划师名称', width: 100, align: 'center'},
                        {field: 'nphone', title: '电话', width: 100, align: 'center'},
                        {field: 'status', title: '状态', width: 100, align: 'center'},
                        {field: 'pnum', title: '订单量', width: 100, align: 'center'}
                    ]]
                });

            }

        }
        //账号状态设置
        function companyRoleB() {
            //获取是否被选中
            $("#dg").datagrid("")


        }

    </script>
</head>
<body>

<div style="width: 800px;height: 600px" class="easyui-panel" title="婚庆公司管理">
    <%--顶部搜索框--%>
    <div style="width: 500px;height: 40px;margin: 0px auto;margin-top: 30px">

        <form id="fm1">
            <input class="easyui-textbox" name="cname" data-options="prompt:'公司名称'" style="width:100px">
            <select id="cc" class="easyui-combobox" name="status" style="width:110px;">
                <option value="">账号状态</option>
                <option value="正常">正常</option>
                <option value="禁用">禁用</option>
            </select>
            <select id="cc2" class="easyui-combobox" name="cphone" style="width:110px;">
                <option value="">订单量排序</option>
                <option value="asc">升序</option>
                <option value="desc">降序</option>
            </select>


            <a id="btn1" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
               style="margin-left: 30px">查询</a>
        </form>

    </div>
    <%--底部信息展示位置--%>
    <div style="width: 750px;height: 400px;border: 0px solid red;margin: 0px auto;margin-top: 30px">

        <table id="dg" style="width: 750px;height: 400px"></table>

        <%--工具栏设置--%>
        <div id="tb">
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true"
               onclick="newCompany()">添加公司</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true"
               onclick="changeCompany()">编辑公司</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
               onclick="chsList()">策划师列表</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
               onclick="companyRoleB()">账号状态</a>
        </div>
    </div>
    <%--添加公司信息对话框的展示--%>
    <div id="company_dlg" class="easyui-dialog" style="width:400px"
         data-options="closed:true,modal:true,border:'thin',buttons:'#company_dlg-buttons'">
        <form id="company_fm" method="post" novalidate style="margin:0;padding:20px 50px">
            <h3>Company Information</h3>
            <div style="margin-bottom:10px">
                <input name="cname" class="easyui-textbox" required="true" label="公司名称:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="cpwd" class="easyui-textbox" required="true" label="公司密码:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="ceo" class="easyui-textbox" required="true" label="公司法人:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="cphone" class="easyui-textbox" required="true" label="公司手机:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="cmail" class="easyui-textbox" required="true" label="公司邮箱:" style="width:100%">
            </div>
        </form>
    </div>
    <div id="company_dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveCompany()"
           style="width:90px">Save</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
           onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a>
    </div>


    <%--查询指定公司的策划师--%>
    <div id="chs_dlg" class="easyui-dialog" style="width:600px;height: 400px"
         data-options="closed:true,modal:true,border:'thin'">

        <table id="chs_dg" style="width: 595px;height: 300px"></table>

    </div>
</body>
</html>
